import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/welcome.vue'
import Users from '../components/user/Users.vue'
import Rights from '../components/power/Rights.vue'
import Roles from '../components/power/Roles.vue'
import Cate from '../components/goods/cate.vue'
import params from '../components/goods/params.vue'
import list from '../components/goods/list.vue'
import add from '../components/goods/add.vue'
Vue.use(VueRouter)



const router = new VueRouter({
  routes: [
    { path: '/', redirect: '/login' },
    { path: '/login', component: Login },
    { path: '/home', component: Home ,
    redirect:'/welcome',
  children:[
  {path:'/welcome',component:Welcome},
  {path:'/users',component:Users},
  {path:'/rights',component:Rights},
  {path:'/roles',component:Roles},
  {path:'/categories',component:Cate},
  {path:'/params',component:params},
  {path:'/goods',component:list},
  {path:'/goods/add',component:add}
] 
   }
  ]
})

//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
  //to将要访问的路径
  //from从哪个路径跳转
  //next为一个函数，表示跳转
  //next（）放行 next（'/login')强制跳转
  if (to.path ==='/login')return next();
  //获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) return next('/login')
  next()
})
export default router
